<script setup>
	const props = defineProps({
		type: String,
	})
</script>
<template>
	<scroll-page>
		<view class="quickly-page">
			<image
				src="/static/images/quickly-consult.png"
				class="quick-banner"
			></image>
			<view class="quick-tips">
				<text>20s</text>
				快速匹配专业医生
			</view>
			<uni-list class="uni-list" :border="false">
				<uni-list-item
					:border="false"
					border
					title="三甲图文问诊"
					note="三甲主治及以上级别医生"
					show-arrow
					thumb="/static/images/consult-type-1.png"
					thumb-size="lg"
					class="consult-type"
					:to="`/subpkg_consult/department/index?type=${props.type}&illnessType=1`"
				>
				</uni-list-item>
				<uni-list-item
					:border="false"
					title="普通图文问诊"
					note="二甲主治及以上级别医生"
					show-arrow
					thumb="/static/images/consult-type-2.png"
					thumb-size="lg"
					class="consult-type"
					:to="`/subpkg_consult/department/index?type=${props.type}&illnessType=0`"
				>
				</uni-list-item>
			</uni-list>
		</view>
	</scroll-page>
</template>

<style lang="scss">
	.quickly-page {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 80rpx 30rpx 0;
		.quick-banner {
			height: 500rpx;
			width: 500rpx;
		}
		.quick-tips {
			margin-top: 30rpx;
			text {
				color: #2bd5a2;
			}
		}
		.uni-list {
			margin-top: 60rpx;
		}
		.consult-type {
			width: 100%;
			margin-bottom: 30rpx;
			overflow: hidden;
			border: 1rpx solid #e5e5e5;
			border-radius: 8rpx;
		}
	}
	:deep(.uni-list-item__container) {
		padding: 36rpx 30rpx !important;
	}
	:deep(.uni-list-item__content) {
		padding-right: 160rpx !important;
	}
	:deep(.uni-list-item__content-title) {
		font-size: 32rpx !important;
		color: #3c3e42 !important;
	}
</style>
